const menuList = [
  {
    id: 'element-plus',
    title: 'element-plus',
    onclick: function () {
      chrome.tabs.create({
        url: 'https://element-plus.gitee.io/zh-CN/component/table-v2.html',
      });
    },
  },
  {
    id: 'vue-api',
    title: 'vue-api',
    onclick: function () {
      chrome.tabs.create({
        url: 'https://cn.vuejs.org/api/',
      });
    },
  },
];

chrome.runtime.onInstalled.addListener(function () {
  menuList.forEach((item) => {
    chrome.contextMenus.create({
      id: item.id,
      title: item.title,
      contexts: ['page'],
    });
  });
});

chrome.contextMenus.onClicked.addListener(function (info, tab) {
  let selectItem = menuList.filter((item) => item.id === info.menuItemId)[0];
  if (selectItem) {
    selectItem.onclick(info, tab);
  }
});

/* 在子js里面发送，在本js中用chrome.runtime.onMessage接收  2023年10月05日10:59:49
chrome.runtime.sendMessage({
  Type: 'onetab',
  getTab: true,
  tabId: 123
}, response => {
  console.log(`%cbilibili.js 8 [response]`, 'color: #43bb88;font-size: 24px;', response);
});
*/
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  console.log(
    `%cRightCick.js 4000 [request]`,
    'color: #43bb88;font-size: 24px;',
    request
  );
  if (request.Type === 'onetab') {
    chrome.tabs.query({ active: true }, function (tabs) {
      const tabId = tabs[0].id;
      console.log(
        `%cRightCick.js 69 [tabs]`,
        'color: #43bb88;font-size: 24px;',
        tabs
      );
    });

    // chrome.tabs.get(request.tabId, tab => {
    //   sendResponse(tab);
    // });
    return true;
  }
});

// https://blog.csdn.net/baidu_28340727/article/details/125956446
// chrome.contextMenus.create({
//   title: '右键快捷菜单', //菜单的名称
//   id: '10', //一级菜单的id
//   contexts: ['page'], // page表示页面右键就会有这个菜单，如果想要当选中文字时才会出现此右键菜单，用：selection
// });

// chrome.contextMenus.create({
//   title: '百度', //菜单的名称
//   id: '1101', //二级菜单的id
//   parentId: '10', //父级id
//   contexts: ['page'],
// });

// chrome.contextMenus.create({
//   title: 'CSDN', //菜单的名称
//   id: '1102',
//   parentId: '10', //表示父菜单是“右键快捷菜单”
//   contexts: ['page'],
// });

// onclick: function (params) {
//   chrome.tabs.getSelected(null, function (tab) {
//       window.open("http://news.baidu.com/#index/cxPurchaseinfo/cxGoodsPurchases", "百度新闻", "");
//   });
// }

// function clickHandler(info, tab) {
//   chrome.tabs.query({ active: true, currentWindow: true }, function (tabs) {
//     chrome.tabs.sendMessage(
//       tabs[0].id,
//       'get selection',
//       null,
//       function (selection) {
//         // var data = {
//         //     "action": action,
//         //     "selection": selection
//         // };
//         // var max_length = 4095;
//         // if (data.selection.length > max_length) {
//         //     data.selection = data.selection.substring(0, max_length);
//         // }
//         // var url = "http://my.hostname.com/";
//         // jQuery.post(url, data, function (response) {
//         //     chrome.tabs.sendMessage(tabs[0].id, response);
//         // }, "json");
//       }
//     );
//   });
// }

// chrome.extension.onMessage.addListener(function (request, _, response) {
//   console.log(`RightCick.js 74`, request);
//   console.log(`RightCick.js 75`, _);
//   console.log(`RightCick.js 76`, response);
// });

// function getUrl(str) {
//   var according = '/#/';
//   var url = str.split(according)[0]; //以#号做分隔，获取分隔后的前半段url内容，即得到域名
//   return url;
// }

chrome.runtime.onInstalled.addListener(() => {
  chrome.storage.local.set({ key: 'value' }, () => {
    console.log('Value is set to "value"');
  });
});
chrome.storage.local.get(['key'], (result) => {
  console.log('Value currently is ' + result.key);
});
